<div>
    <x-header>
        <x-nav/>
    </x-header>

    <x-search-bar :cid="$category->id"/>

    @if($collection->isEmpty())
        @include('partials.oops')
    @else
        <div class="grid grid-cols-2 gap-2 px-2 my-2">
            @foreach($collection as $v)
                <x-video-item :video="$v" :key="$v->id"/>
            @endforeach
        </div>

        @includeWhen($hasMorePages, 'partials.load-more')
    @endif
</div>
